<html>
<title>OpenNetworks for Google Maps</title>
<body>
<h1>OpenNetworks for Google Maps</h1>
<p style="width:500px;">
OpenNetworks for Google Maps is an <a href="#lic">open-source</a> API for displaying networks in Google Maps.
</p>

<p style="width:500px;">
OpenNetworks includes support for nodes, edges, positional layout, etc.  In particular, it combines the 
geospatial information capabilities of Google Maps with the ability to render network/graph information
on top of this geospatial content.  
</p>

<p style="width:500px;">
Embedding OpenNetworks networks into a web page allows the user to interactively explore a network with
the ease of use, speed, and familiar interface of Google Maps.
</p>

<h3>This project is under heavy development.</h3>

<!-- API INFO -->
<h2>The API</h2>

<a href="api_ref/index.html">API reference</a>

<h3>Source</h3>
<a href="source/OpenNetworks_v01.js">OpenNetworks version .01</a>

<!-- EXAMPLES -->
<h2>Examples</h2>
<h3><a href="airline/index.html">Airline passenger network</a></h3>
<p style="width:500px;margin-left: 10px;">
  This network displays the important non-stop connections in U.S. domestic airline passenger traffic
  in the year 2006.  Thicker edges imply more passengers on a particular route.  The tree-like structure
  of this network highlights major transportation hubs, showing their connections to outlying areas via
  less-travelled routes.
</p>
<p style="width:500px;margin-left: 10px;">
  This example highlights the combination of quantitative and geospatial information that OpenNetworks is
  particularly adept at displaying.
</p>

<p style="width:500px;margin-left: 10px;">
  You can view the <a href="airline/index.code.html">HTML</a> code and <a href="source/example.js">javascript</a> code
  for this example.
</p>

<p style="width:500px;margin-left: 10px;">
  To use OpenNetworks, you need to include a statement in the page's body tag, along with code to create a 
  <a href="api_ref/symbols/Network.html">Network</a>
  object and configure the network with nodes, edges, map options, etc.  This example demonstrates how this could be
  done.
</p>

<p style="width:500px;border-top: 1px dotted black; padding-top: 15px;">
<a name="lic"></a>
*** This code is distributed under an <a href="http://www.opensource.org/licenses/mit-license.html">MIT License</a>.  
Please note that, while you are free to use this code under the terms given by the MIT License, 
some applications (commercial or otherwise) may conflict with 
the <a href="http://www.google.com/intl/en_us/help/terms_maps.html">Google Maps terms of use</a>.
</p>
</body>
</html>
